<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 引入 Bootstrap css -->
    <link href="../css/bases/bootstrap.min.css" rel="stylesheet">

    <!-- 引入 js -->
    <script src="../js/bases/jquery-1.12.2.min.js"></script>
    <script src="../js/bases/bootstrap.min.js"></script>
    <script src="../js/bases/angular.min.js"></script>

    <!--[if lt IE 9]>
    <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
    <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.js"></script>
    <![endif]-->


    <!--datepicker-->
    <link href="../css/plugins/bootstrap-datepicker3.min.css" rel="stylesheet">
    <script src="../js/mz/bootstrap-datepicker.js"></script>
    <script src="../js/plugins/bootstrap-datepicker.zh-CN.min.js" charset="UTF-8"></script>
</head>
<body>
<div id="datepicker" data-date="12/03/2012"></div>
<input type="hidden" id="my_hidden_input">
<script>

    $('#datepicker').datepicker();
    $('#datepicker').on("changeDate", function() {
        $('#my_hidden_input').val(
                $('#datepicker').datepicker('getFormattedDate')
        );
    });
</script>

<div class="aaa" id="aaa">
    <div><input type="text" onclick="aa();"  value="lalala"></div>
    <div><input type="text" onclick="aa();" data-type="end" value="hahaha"></div>
</div>

<div>

    <input type="checkbox" name="stars" value="123">
    <input type="checkbox" name="stars" value="123">
</div>

<a href="#aaa">maodian</a>
<script>


</script>

</body>
</html>